<script setup lang="ts">
// 方式一
const props = defineProps({
  error: Object
})

// 方式二
const error2 = useError()
console.log("error2",error2)

const handleError = () => clearError({ redirect: '/' })
</script>

<template>
  <div>
    <h1>{{ error.url }}</h1>
    <h1>{{ error.statusCode }}</h1>
    <h2>{{ error.message }}</h2>
    <h2>{{ error.data }}</h2>
    <button @click="handleError">清除错误</button>
  </div>
</template>
